.service_banner_bg{
	background-color: #2e7cf6;
	height: 400px;
}
/* service1 */
.banner_h1{
	display: block;
	padding: 120px 0 20px 0;
	margin: 0 0 0 120px;
	font-size: 36px;
	font-weight: 300;
	color: #ffffff;
}
.banner_p{
	margin-left: 120px;
	font-size: 24px;
	font-weight: 300;
	color: #ffffff;
	margin-top: -12px;
}
ul.banner_titie{
	margin-left: 130px;
}
ul.banner_titie li{
	display: inline-block;
	font-size: 22px;
	font-weight: 300;
	color: #ffffff;
	margin-right: 40px;
	line-height: 40px;
}
.tag_box{
	display: -webkit-box; 
	display: -moz-box; 
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flexbox; 
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	height: 60px;
	font-size: 20px;
	color: #555;
	border-bottom: 1px solid #e2e3e4;
}
.tag_box .nav{
	width: 120px;
	text-align: center;
	line-height: 34px;
	position: relative;
	cursor: pointer;
}
.tag_box .nav:before {
    content: " ";
    display: none;
    height: 2px;
    background: #2260ff;
    width: 120px;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.tag_box .active{
    color: #2260ff;
    font-weight: 700;
}
.tag_box .active:before {
    display: inline-block;
}
.service_item{
    padding: 56px 0 64px;
}

.service_item_title,.service_item_title>h3{
    margin-bottom: 30px;
	font-size: 30px;
	font-weight: 600;
	line-height: 50px;
	color: #222;
	text-align: center;
}
.service_item .service_item_table{
    width: 100%;
    margin-bottom: 40px;
    border: 1px solid #ebebeb;
    box-shadow: 0 5px 10px 0 hsl(0deg 0% 94% / 50%);
}
.service_item .service_item_table tr td{
    width: 25%;
    height: 45px;
    border-right: 1px solid hsla(0,0%,59.2%,.1);
    border-bottom: 1px solid hsla(0,0%,59.2%,.1);
    padding: 0 10px;
    font-size: 16px;
    color: #555;
    text-align: left;
}
.service_item .service_item_btn{
    position: relative;
}
.service_item .service_item_btn span{
    display: block;
    width: 180px;
    height: 48px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #267bff;
    border-radius: 24px;
    font-size: 16px;
    color: #267bff;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
}
.service_item_title p {
    margin-top: 6px;
    font-size: 18px;
    color: #7a8aa6;
    line-height: 40px;
    text-align: center;
	font-weight: 400;
}
.service3_wrap{
    display: flex;
    justify-content: space-around;
}
.advantage{
    width: 280px;
    height: 240px;
    text-align: center;
    margin: 0 40px 30px;
    padding: 36px 20px 0;
    position: relative;
    background: #fff;
    border-radius: 1px;
    float: left;
	flex-shrink: 0;
}
.service3{
	margin-top: 20px;
    background: url("../img/fa1b1a7.png") 50% no-repeat;
    background-size: cover;
    text-align: center;
    width: 280px;
    padding: 20px 28px;
    height: 250px;
    border-radius: 4px;
	box-sizing: border-box;
}
.service3:hover {
    transform: scale(1.1);
    transition: all .4s linear;
}
.advantage:hover {
    transform: scale(1.1);
    transition: all .4s linear;
}
.advantage img{
    width: 74px;
    height: 74px;
}
.service3 img{
    width: 74px;
    height: 74px;
}
img.wz-lazy{
    -webkit-animation: lazyfade .2s;
    animation: lazyfade .2s;
	transition: all .2s;
	border: none;
}
.advantage_title{
    font-size: 26px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 36px;
    margin: 6px 0 10px;
}
.advantage_content{
	font-size: 18px;
	color: #7a8aa6;
	line-height: 26.4px;
}
.service3_title{
	font-size: 24px;
	color: #1e1e1e;
	font-weight: 700;
	margin-bottom: 16px;
}
.service3_content{
	font-size: 16px;
	color: #7a8aa6;
	line-height: 22px;
}
.service_process{
	height: 600px;
	background-image: url("../img/cxyhz.png");
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 70px;
}
ul.flowList{
	width: 1200px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	padding: 80px 80px;
	background: #fff;
	box-shadow: 0 4px 16px 0 rgb(0 0 0 / 12%);
	border-radius: 22px;
}
ul.flowList li.flow{
	width: 130px;
	text-align: center;
	float: left;
	overflow: visible;
}
ul.flowList li.flow.service1_2{
	width: 140px;
}
ul.flowList li.flow.service2{
	width: 150px;
}
ul.flowList li.flow>.imgBox{
	text-align: center;
	padding-bottom: 54px;
	margin-bottom: 39px;
	border-bottom: 1px solid #d2d2d3;
	position: relative;
}
ul.flowList li.flow>.imgBox:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	bottom: -8px;
	border: 2px solid #d2d2d3;
	left: 50%;
	transform: translateX(-50%);
}
ul.flowList li.flow.active>.imgBox:before {
    background: #376fff;
    border: 2px solid #376fff;
}
ul.flowList li.flow .yes{
	width: 92px;
	height: 92px;
	margin: 0 auto;
	display: none;
	object-fit: contain;
}
ul.flowList li.flow .no{
	width: 92px;
	height: 92px;
	margin: 0 auto;
	display: block;
	object-fit: contain;
}
ul.flowList li.flow.service1_2 .yes{
	width: 110px;
	height: 110px;
}
ul.flowList li.flow.service1_2 .no{
	width: 110px;
	height: 110px;
}
ul.flowList li.flow.service2 .yes{
	width: 114px;
	height: 114px;
}
ul.flowList li.flow.service2 .no{
	width: 114px;
	height: 114px;
}
ul.flowList li.flow.active .yes{
	display: block;
}
ul.flowList li.flow.active .no{
	display: none;
}
ul.flowList li.flow .numBox{
	font-size: 24px;
	font-weight: 700;
	color: #d2d2d3;
	margin-bottom: 17px;
}
ul.flowList li.flow .textBox{
    font-size: 16px;
    font-weight: 700;
    color: #d2d2d3;
    white-space: nowrap;
}
ul.flowList li.flow.active .numBox{
	color: #848588;
}
ul.flowList li.flow.active .textBox{
	color: #555;
}
.ValueBox{
	overflow: hidden;
	width: 100%;
	height: 690px;
	padding-top: 70px;
}
.ValueBox .ContentBox {
    display: flex;
    justify-content: center;
    position: relative;
    left: 32px;
    margin: 50px auto 0;
}
.ValueBox .ContentBox .leftBox {
    text-align: right;
}
.ValueBox .ContentBox .rightBox.service2 {
	margin-top: 60px;
}
.ValueBox .ContentBox .leftBox .row0 {
    position: relative;
    right: -100px;
}
.ValueBox .ContentBox .leftBox .row1 {
    position: relative;
    right: -42px;
}
.ValueBox .ContentBox .leftBox .row2 {
    position: relative;
    right: -100px;
}
.ValueBox .ContentBox .rightBox .row0 {
    position: relative;
    left: -100px;
}
.ValueBox .ContentBox .rightBox .row0.service2 {
    position: relative;
    left: -58px;
}
.ValueBox .ContentBox .rightBox .row1 {
    position: relative;
    left: -42px;
}
.ValueBox .ContentBox .rightBox .row1.service2 {
    position: relative;
    margin-top: 70px;
    left: -40px;
}
.ValueBox .ContentBox .rightBox .row2 {
    position: relative;
    left: -100px;
}
.ValueBox .ContentBox .rightBox .row {
    justify-content: left;
}
.ValueBox .ContentBox .leftBox .row {
	justify-content: right;
}
.ValueBox .ContentBox .row{
	display: flex;
	margin-top: 52px;
	align-items: center;
	line-height: 100px;
}
.ValueBox .ContentBox .row .desc {
    line-height: 26px;
    padding-right: 37px;
}
.ValueBox .ContentBox .row .desc .title {
    font-size: 26px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}
.ValueBox .ContentBox .row .desc .text {
    font-size: 20px;
    color: #7a8aa6;
}
.ValueBox .ContentBox .centerBox {
	background-image: url("../img/34e893a.png");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 502px;
    height: 502px;
}
.ValueBox .ContentBox .centerBox.service2 {
	background-image: url("../img/34e893b.png");
}
.ValueBox .ContentBox .centerBox.service3 {
	background-image: url("../img/34e893c.png");
}
.ValueBox .ContentBox .centerBox.service4 {
	background-image: url("../img/34e893d.png");
}
.ValueBox .ContentBox .leftBox .row .imgBox {
    position: relative;
	width: 59px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ValueBox .ContentBox .rightBox .row .imgBox{
	position: relative;
	width: 96px;
	height: 100px;
	display: flex;
	align-items: center;
}
.ValueBox .ContentBox .row .imgBox .img {
    width: 59px;
    height: 59px;
}
.ValueBox .ContentBox .row .imgBox img {
    vertical-align: middle;
}
.ValueBox .ContentBox .row .imgBox .loading {
    position: absolute;
    left: -9px;
    top: 12px;
    width: 78px;
    height: 78px;
    -webkit-animation: loading 1s linear;
    animation: loading 1s linear;
}
.el-dialog__wrapper{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	margin: 0;
	z-index: 2001;
	display: none;
}
.el-dialog {
    position: relative;
    margin: 5vh auto 50px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    box-sizing: border-box;
    width: 1200px;
	text-align: center;
	background: #fff;
}
.el-dialog__header {
    padding: 20px 20px 10px;
	position: relative;
}
.el-dialog__header .btn-close {
    display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
    width: 42px;
    height: 42px;
    background: url(../img/close.png) center no-repeat;
    cursor: pointer;
}
.el-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: #303133;
}
.el-dialog__headerbtn {
    width: 40px;
    height: 40px;
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 0;
	background: 0 0;
	border: none;
	outline: 0;
	cursor: pointer;
	font-size: 16px;
}
.el-dialog__headerbtn .el-dialog__close {
    color: #000!important;
}
.el-dialog__body {
    padding: 30px 20px;
    color: #606266;
    font-size: 14px;
    word-break: break-all;
}
.dlg-blk .form-blk{
    padding: 5px 40px 0px 46px;
}
.select {
    position: relative;
}
.label-name {
    padding-bottom: 32px;
	display: block;
	font-size: 28px;
	color: #222;
	letter-spacing: 0;
	line-height: 32px;
	position: relative;
}
.label-name:after {
    content: "*";
    font-size: 40px;
    color: #eb4d4b;
    position: absolute;
    right: -23px;
    top: 5px;
}
.select-list {
    width: 100%;
}
.select-list span{
	display: inline-block;
	width: 156px;
	height: 64px;
	margin: 12px 16px 12px 0;
	border-radius: 4px;
	font-size: 24px;
	line-height: 64px;
	text-align: center;
	border: 1px solid #ccc;
	cursor: pointer;
}
.select-list span.active{
    background: rgba(0,81,216,.2) url("../img/select.png") no-repeat 100% 100%;
    border: 1px solid #267bff;
    color: #267bff;
}
.dlg-blk .form-blk .input{
    margin-right: 30px;
    padding: 38px 0;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.dlg-blk .form-blk .input:last-child {
    border-bottom: none;
}
.dlg-blk .form-blk .input .label-name{
    float: left;
    display: inline-block;
    margin-right: 60px;
	padding: 0;
}
.dlg-blk .form-blk .label-name{
	font-size: 28px;
	color: #222;
	letter-spacing: 0;
	line-height: 32px;
	position: relative;
}
.form-blk .input input{
    width: 780px;
    float: left;
    font-size: 24px;
    color: #555;
    letter-spacing: 0;
    line-height: 32px;
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
	list-style-type: none;
	border: none;
}
.el-dialog--center .el-dialog__body {
    text-align: left;
    text-align: initial;
    padding: 25px 25px 30px;
}
.dlg-blk .btn-blk{
    margin: 160px 0 7px;
}
.dlg-blk .btn-blk button{
    display: block;
    width: 476px;
    height: 60px;
    border-radius: 5px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    background-color: #267bff;
    cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	list-style-type: none;
	border: none;
}
.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
	z-index: -1;
}
@-webkit-keyframes loading {
	0% {
		transform: rotate(0deg)
	}

	25% {
		transform: rotate(-90deg)
	}

	50% {
		transform: rotate(-180deg)
	}

	75% {
		transform: rotate(-270deg)
	}

	to {
		transform: rotate(-1turn)
	}
}

@keyframes loading {
	0% {
		transform: rotate(0deg)
	}

	25% {
		transform: rotate(-90deg)
	}

	50% {
		transform: rotate(-180deg)
	}

	75% {
		transform: rotate(-270deg)
	}

	to {
		transform: rotate(-1turn)
	}
}
/* service1--end */